<%--
  Created by IntelliJ IDEA.
  User: 20456
  Date: 2021/11/22
  Time: 17:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page isELIgnored="false"%>
<% String contextPath = request.getContextPath(); %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>前台界面</title>
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/css/car.css"/>
    <script src="<%=contextPath%>/js/jquery-3.6.0.min.js"></script>
    <script src="<%=contextPath%>/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<body>


<!--标题开始	-->
<div class="title warp">
    <h3>全部商品</h3>


</div>

<!--标题结束-->

<!--显示菜单的开始 -->
<!--warp令内容居中显示-->
<div class="tips warp">
    <ui>
        <li><input type="checkbox">全选</li>
        <li>商品</li>
        <li>单价</li>
        <li>数量</li>
        <li>小计</li>
        <li>操作</li>
    </ui>
</div>
<!--显示菜单的结束-->

<!--商品详情展示开始-->
<c:forEach items="${diningcars}" var="diningcar">
    <div class="info warp">

        <ul>

            <li class="info_2"> <img src="${diningcar.picture}" width="80px" height="80px"/> </li>
            <li class="info_3"><a>【${diningcar.typename}】${diningcar.foodname}</a></li>
            <li class="info_4"><a>特色：${diningcar.feature}</a> </li>
            <li class="info_6">

                <input type="text" name=""  value="1" readonly/>

            </li>
            <li class="info_7">￥${diningcar.price}.00</li>
            <%--<li>--%>
                <%--<a>删除</a><br />--%>
                <%--<a>已到我的关注</a>--%>
            <%--</li>--%>
        </ul>

    </div>
</c:forEach>
<%--<div class="info warp">--%>

    <%--<ul>--%>
        <%--<li class="info_1"><input type="checkbox" /> </li>--%>
        <%--<li class="info_2"> <img src="img/img2.jpg" width="80px"/> </li>--%>
        <%--<li class="info_3"><a>【京东超市】desha春秋季儿童休闲服</a></li>--%>
        <%--<li class="info_4"><a>颜色：灰色+粉红</a> </li>--%>
        <%--<li class="info_5">￥182.5</li>--%>
        <%--<li class="info_6">--%>
            <%--<button>-</button>--%>
            <%--<input type="text" name="" id="" value="1" />--%>
            <%--<button class="bot">+</button>--%>

        <%--</li>--%>
        <%--<li class="info_7">￥182.5</li>--%>
        <%--&lt;%&ndash;<li>&ndash;%&gt;--%>
            <%--&lt;%&ndash;<a>删除</a><br />&ndash;%&gt;--%>
            <%--&lt;%&ndash;<a>已到我的关注</a>&ndash;%&gt;--%>
        <%--&lt;%&ndash;</li>&ndash;%&gt;--%>
    <%--</ul>--%>

<%--</div>--%>

<!--商品详情展示结束-->

<!--结算窗口开始-->
<div class="balance warp">
    <%--<ul class="balance_ul1">--%>
        <%--<li><input type="checkbox">全选</li>--%>
        <%--<li>删除选中商品</li>--%>
        <%--<li>移到我的关注</li>--%>
        <%--<li>清除下柜商品</li>--%>
    <%--</ul>--%>

    <ul class="balance_ul2">
        <li>已经选择<span>${diningcars.size()}</span>件商品</li>
        <li style="padding-right: 20px;">总价<span>￥${sumprice}</span></li>
        <li class="butt">去结算</li>
    </ul>
</div>
<!--结算窗口结束-->
    <script>
        $(function () {
            $(".butt").click(function () {
                if(${ids != ""}){
                    window.location.href="http://localhost/front/confirmorder?ids=${ids}";
                }

            });
        });
        
    </script>


</body>
</html>
